// .maxEditBox {
//   display: flex;
//   flex-direction: column;
//   background-color: #f5f7fb;

//   .editor {
//     width: 100%;
//     // background-color: red;
//     // background-color: #f5f7fb;
//     display: flex;
//     align-items: center;
//     justify-content: center;
//     flex-direction: column;
//     padding: 20px 0;
//     .center {
//       width: 76%;
//       height: 90%;
//       background-color: #fff;
//       .centerEditor {
//         // margin-top: 20px;
//         width: 100%;
//         height: 100%;
//         background-color: #fff;
//       }
//       .buttonBoxDiv {
//         width: 100%;
//         height: 50px;
//         border-top: 1px solid rgba(128, 128, 128, 0.233);
//         display: flex;
//         align-items: center;
//         justify-content: center;
//         :global(.ant-btn-primary) {
//           width: 80px;
//           height: 32px;
//           background-color: #5584ff;
//         }
//       }
//     }
//   }
//   .bottomTableBox {
//     width: 100%;
//     height: 50px;
//     background-color: #fff;
//     padding: 20px 0;
//   }
// }
.modalBox {
  width: 100%;
  height: calc(100vh - 160px);
  padding: 15px 15px;
  display: flex;
  flex-direction: column;
  background-image: url('@/assets/images/messageCenterImage.png');
  background-size: cover;
  background-position: center;
  overflow: auto;
  // .top {
  //   width: 100%;
  //   height: 150px;
  // }
  // .bottom {
  //   width: 100%;
  //   height: 150px;
  // }
}
